<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<!--楼层客流-->
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script src="js/DateTime.js" type="text/javascript"></script>
		<script src="js/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/numFormat.js"></script>
		<script type="text/javascript" src="js/indexReady.js"></script>
		<script type="text/javascript" src="js/footfallGlobalAnalysis.js"></script>
		<script type="text/javascript" src="js/reportCommon.js"></script>
		<script type="text/javascript" src="js/toExcel.js"></script>
        <script type="text/javascript" src="echarts/build/dist/echarts-all.js"></script>
		<link href="css/time1.css" rel="stylesheet" type="text/css" />
		<link href="css/time2.css" rel="stylesheet" type="text/css" />
		<link href="datatables/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
		<jsp:include page="title.jsp"></jsp:include>
		<script type="text/javascript">
			var dateindexPowerList = ${dateIndexMap};
			var siteIndexPowerList = ${siteIndexMap};
			var indexListOfGroup = ${indexList};
			var indexGroupInfo = ${indexGroupInfo};
			var indexInfo = ${indexInfo};
			indexInfo = eval(indexInfo);
			indexGroupInfo = eval(indexGroupInfo);
			dateindexPowerList = eval(dateindexPowerList);
			siteIndexPowerList =  eval(siteIndexPowerList);
			indexListOfGroup =  eval(indexListOfGroup);
			//将后台取到的指标存在前端数组array中
			for(var p in indexInfo){
				array[p]= indexInfo[p];
			}
			//将后台取到的指标类型存在前端数组arrayGroup中
		 	for(var p in indexGroupInfo){
				arrayGroup[p]= indexGroupInfo[p];
			}
		</script>
 	</head>
	<body>
	
	<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
	<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<form action="siteSelect" id="siteSelectForm" method="post">
					<input type="hidden" value="footfallFloor" name="siteSelectParam.pageFrom">
					<input type="hidden" value="footfallFloor" name="siteSelectParam.controlTo">
					<input type="hidden" value="3" name="siteSelectParam.selectType">
					<input type="hidden" value="" name="siteSelectParam.lcSiteId" id="selectSitekey">
					<input type="hidden" value="1" name="siteSelectParam.choiceType">
				</form>
				<form action="getExportExcle" id="ExportExcle" method="post">
					<input type="hidden" value="" name="table">
					<input type="hidden" value="" name="fileName">
					<input type="hidden" value="" name="character">
					<input type="hidden" value="" name="describe">
				</form>
				<form action="userManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25 defaultheight"></div>
						<span class="sitename font24">
							${siteName }
						</span>
						<span class="date font16">
							${datetime }
						</span>
					</div>
					<div class="todayindex">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">实时指标</div>
							<!--实时指标权限-->
							<input type="hidden" value="${indexListCurrent}" id="indexListCurrent" />
							<div class="weather bold font10" style="display:none">
								<div class="wid105 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35" src="images/weather${todayIndexes.todayIndexes.todayWeather}.png"/>
									</div>
									<div class="font10 bold">
									[${lang.today}${lang.weather}]
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35" src="images/weather${todayIndexes.todayIndexes.lastDayWeather}.png"/>
									</div>
									<div class="font10 bold">
									[${lang.yeaterday}${lang.weather}]
									</div>
								</div>
								<div class="wid125 floatleft vercenter textcenter">
									<div class="weatherimg top25">
										<img class="h30 wid35" src="images/weather${todayIndexes.todayIndexes.lastWeekWeather}.png"/>
									</div>
									<div class="font10 bold">
									[${lang.lastWeekToday}${lang.weather}]
									</div>
								</div>
							</div>
						</div>
						<jsp:include page="todayTarget.jsp"></jsp:include>
					</div>
					
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">趋势分析&nbsp;<img style="vertical-align:middle;" src="images/ts.png"/></div>
							<div class="weather bold font10 hide">
								<div class="wid105 floatleft vercenter textcenter" style="cursor:pointer;" onclick="changeTime('Day')" >
									<div class="font24">
										${lang.dayLook}
									</div>
									<div class="left17 selectdiv selectedbar">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter" style="cursor:pointer;" onclick="changeTime('Week')" >
									<div class="font24">
										${lang.weekLook}
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter" style="cursor:pointer;" onclick="changeTime('Month')">
									<div class="font24">
										${lang.monthLook}
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<div class="wid105 floatleft vercenter textcenter" style="cursor:pointer;" onclick="changeTime('Year')">
									<div class="font24">
										${lang.yearLook}
									</div>
									<div class="left17 selectdiv">
									</div>
								</div>
								<input type="hidden" value="楼层客流" id="titles" />
								<!--用户登录指标权限-->
								<input type="hidden" value="${indexListDetil}" id="indexListDetil" />
								<input type="hidden" value="day" id="timeModel" />
								<!--siteKey js取值，场所id-->
								<input type="hidden" value="${siteId}" id="siteKey"/>
								<!--hdtype js取值，默认为客流量-->
								<input type="hidden" value="1" id="hdtype" />
								<!--txtspan js取值，默认为日，七天-->
                           		<input type="text" id="txtspan" value="day_7" style="display: none" />
							</div>
						</div>
						<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="em35">
								<div class="floatleft div25">
								</div>
								<div class="floatleft div180">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="tdborder" style="cursor:pointer;" onclick="changeTime('Hour')" id="Hour">时</td>
											<td class="tdborder lxxzselected" style="cursor:pointer;" onclick="changeTime('Day')" id="Day">日</td>
											<td class="tdborder" style="cursor:pointer;" onclick="changeTime('Week')" id="Week">周</td>
											<td class="tdborder" style="cursor:pointer;" onclick="changeTime('Month')"id="Month">月</td>
											<td class="tdborder" style="cursor:pointer;" onclick="changeTime('Year')"id="Year">年</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div90"  style="width: 2.8%;">
								</div>
								<div id="divDay" class="floatleft div360">
									<table class="indextable widthall textcenter">
										<tr>
											<td onclick="getspan('hour_1')" id="hour_1" style="cursor:pointer;display: none" class="quarter tdborder">当天</td>
											<td onclick="getspan('hour_2')" id="hour_2" style="cursor:pointer;display: none;border-right: 0px;" class="quarter tdborder">昨天</td>
											<td onclick="getspan('day_1')" id="day_1" style="cursor:pointer;" class="quarter tdborder">${lang.dangtian}</td>
											<td onclick="getspan('day_7')" id="day_7" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}7${lang.tian}</td>
											<td onclick="getspan('day_14')" id="day_14" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}14${lang.tian}</td>
											<td onclick="getspan('day_30')" id="day_30" style="cursor:pointer;border-right: 0px;" class="quarter tdborder">${lang.zuijin}30${lang.tian}</td>
											<td onclick="getspan('week_4')" id="week_4" style="cursor:pointer;display: none" class="quarter tdborder" >${lang.zuijin}4${lang.week}</td>
											<td onclick="getspan('week_8')" id="week_8" style="cursor:pointer;display: none" class="quarter tdborder">${lang.zuijin}8${lang.week}</td>
											<td onclick="getspan('week_12')" id="week_12" style="cursor:pointer;display: none;border-right: 0px;" class="quarter tdborder">${lang.zuijin}12${lang.week}</td>
											<td onclick="getspan('month_3')" id="month_3" style="cursor:pointer;display: none" class="quarter tdborder">${lang.zuijin}3${lang.month}</td>
											<td onclick="getspan('month_6')" id="month_6" style="cursor:pointer;display: none" class="quarter tdborder">${lang.zuijin}6${lang.month}</td>
											<td onclick="getspan('month_12')" id="month_12" style="cursor:pointer;display: none;border-right: 0px;" class="quarter tdborder">${lang.zuijin}12${lang.month}</td>
											<td onclick="getspan('year_3')" id="year_3" style="cursor:pointer;display: none" class="quarter tdborder">${lang.zuijin}3${lang.year}</td>
											<td onclick="getspan('year_5')" id="year_5" style="cursor:pointer;display: none;border-right: 0px;" class="quarter tdborder">${lang.zuijin}5${lang.year}</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div240" id="xuanzesj" style="overflow:hidden">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="widthall tdborder">
												<div id="shijianduibi">
													<div id="div_date" class="nocheckoption" style="cursor:pointer;"  onclick="getspan('day_0')">
					                                    	<span id="date" onclick="getspan('day_0')">2015-5-1${lang.zhi}2015-5-15</span>
					                                </div>
												</div>
											</td>
										</tr>
									</table>
								</div>
								<div id="datePicker">
										<input type="hidden" value="2015-04-10" name="startDate"
											id="startDate">
										<input type="hidden" value="2015-04-25" name="endDate"
											id="endDate">
										<input type="checkbox" style="display: none;" value="0"
											name="needCompare" id="needCompare">
										<input type="hidden" value="" name="startCompareDate"
											id="startCompareDate">
										<input type="hidden" value="" name="endCompareDate"
											id="endCompareDate">
								</div>
								<div class="floatleft div25">
								</div>
								<div class="floatleft div120 dbcolor textcenter lineh35" style="cursor:pointer;" onclick="timecomparefn()" id="timecompare">
									${lang.compareByTime}
								</div>
								
							</div>
						
							<div class="floatleft hisindexleft em575">
								<div class="em65"></div>
								<div class="floatleft zhibiao25"></div>
								<div class="floatleft em35" style="width: 82.8%">
									<select class="indextable widthall heigthall  tdborder" id="select_zhibiao"  onchange="changezhibiao(this)">
										<option value="0">视频客流</option>
													
									</select>
								</div>
								<div class="em65"></div>
								<div class="floatleft zhibiao120" style="height: 64%;display:block;overflow:auto;">
									<table class="indextable widthall textcenter indextableborder" id="zhibiaotable">
										<!-- <tr>
											<td id="zhibiao_0" class="em35 lineh35" onclick="getinfo(0,this)">${lang.traffic}</td>
										</tr> -->
									</table>
								</div>
								<div class="cleardiv"></div>
							</div>
							<div class="floatleft hisindexright em670">
								<div class="mid em670" id="tubiao1">
								</div>
								<div class="mid em670" style="display: none" id="tubiao2">
	                    		</div>
							</div>
							<div class="cleardiv"></div>
<!--							<div class="em25"></div>-->
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">指标明细</div>
							<div class="floatleft div25 floatright"></div>
<!--							<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outCSV()">Excel导出</span></c:if></div>-->
							<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outExcel('hdtable','biaogeshuoming','指标明细')">Excel导出</span></c:if></div>
						</div>
						<div class="xiangxidiv">
							<div class="em25"></div>
							<div class="widthall">
								<div class="floatleft div25 defaultheight"></div>
								<div class="floatleft textarea" style="display:none">
								
											<input type="hidden" id="hdtable" />
											<input type="hidden" id="hdtablesize" value="12" />
								</div>
								<div class="divcontent" id="datatable">
									<table class="indextable xyliebiao widthall">
										<!-- <tr>
											<th class="xykongbai"></th>
											<th class="xyxuhao">编号</th>
											<th>日期</th>
											<th>星期</th>
											<th>销售额（元）</th>
											<th>客流量（人次）</th>
											<th>平均滞留时间（min）</th>
											<th>客单价（元/人次）</th>
											<th>坪效（元/m<sup>2</sup>）</th>
											<th>人效（元/人）</th>
											<th>集客力（人/m<sup>2</sup>）</th>
											<th class="xykongbai"></th>
										</tr>
										<tr>
											<td class="xykongbai"></td>
											<td class="xyxuhao">1</td>
											<td>2015-11-03</td>
											<td>星期二</td>
											<td>100,213</td>
											<td>62,125</td>
											<td>20</td>
											<td>250</td>
											<td>5,630</td>
											<td>21,540</td>
											<td>20</td>
											<td></td>
										</tr> -->
									</table>
								</div>
								<div class="floatleft div25 defaultheight"></div>
								<div class="em90">
									<div class="floatleft divhalf heigthall lineh25"  id="biaogeshuoming" style="width: 96.8%;height:auto!important;color: #666 !important; ">
									数据说明：
									</div>
								</div>
								<div class="cleardiv"></div>
							</div>
							<div class="em25"></div>
						</div>
					</div>
					<div class="widthall" id="divph">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">指标排行</div>
<!--							场所-->
							<div class="weather bold font10 hide" id="list2">
							</div>
						</div>
						<div class="whitediv">
							<div class="em25">
							</div>
							<div class="em35 lineh35">
								<div class="floatleft div25"></div>
								<div class="floatleft div150">
									<select class="indextable widthall heigthall  tdborder" id="select_changsuo"  onchange="changeGC(this)">
										<option value="300">广场</option>
										<option value="400">区域</option>		
										<option value="500">楼层</option>
										<option value="600">店铺</option>
										<option value="700">通道</option>				
									</select>
								</div>
								<div class="floatleft div50"></div>
								<div class="floatleft div1210"></div>
								<div class="floatleft div35 outcsv"><img id="phpaixu" src="images/asc.png" class="" style="padding:2px 1px 2px 1px" onclick="paihangpaixu()" /></div>
								<div class="floatleft div25"></div>
							</div>
							<div class="em35"></div>
							<div class="floatleft hisindexleft">
								<div class="floatleft defaultheight zhibiao25s"></div>
								<div class="floatleft em575" style="width: 82.8%">
									<div class="em35" style="width: 100%">
										<select class="indextable widthall heigthall  tdborder" id="select_paihangzhibiao"  onchange="changepaihangzhibiao(this)">
	<!--										<option value="0">视频客流</option>-->
										</select>
									</div>
									<div class="floatleft " style="width: 100%;height: 70.5%;display:block;overflow:auto;">
										<div class="em25"></div>
										<table class="indextable widthall textcenter indextableborder"  id="zhibiaopaihangtable">
											<!--  <tr>
												<td id="zhibiaopaihang_0" class="em35 lineh35" onclick="getRankInfo(0,this)">${lang.traffic}</td>
											</tr>-->
										</table>
									</div>
									
								</div>
								<div class="cleardiv"></div>
							</div>
							<div class="floatleft hisindexright">
								<div class="floatleft em515" style="width: 2.5%;">
									
								</div>
								<div class="floatleft hisindexright em515"  style="width: 97.5%;"  id="changsuoleixin">
									<div class="mid em515" id="divpaiming_200" style="display: none">
									</div>
									<div class="mid em515" id="divpaiming_300" style="display: none">
									</div>
									<div class="mid em515" id="divpaiming_400" style="display: none">
									</div>
									<div class="mid em515" id="divpaiming_500" style="display: none">
									</div>
									<div class="mid em515" id="divpaiming_600" style="display: none">
									</div>
									<div class="mid em515" id="divpaiming_700" style="display: none">
									</div>
		                    		
								</div>
							</div>
							<div class="floatleft hisindexleft" style="width: 16.5%;height: 2px"></div>
							<div class="floatleft div1210" id="paihangshujushuoming" style="color: #666 !important;">数据说明：</div>
							<div class="cleardiv"></div>
								<!--子场所类型-->
								<input type="hidden" value="" id="rankingType"/>
								<!--子场所类型排行指标-->
								<input type="hidden" value="" id="rankingIndex" />
								<!--排行榜顺序value=0为降序，1为升序-->
								<input type="hidden" value="0" id="orderBy" />
							<div class="em25"></div>
						</div>
					</div>
					<div class="divh20"></div>
				</form>
			</div>
			<div class="jingediv"></div>
			<div class="cleardiv"></div>
		</div>
		
	<jsp:include page="footer.jsp"></jsp:include>
	</body>
	<script type="text/javascript" src="datatables/js/jquery.dataTables.js"></script>
</html>